<div *ngFor="let insight of insights" class="mb-3">
    <div class="card shadow">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-3">
                    <img [attr.src]="insight.imageUrl" />
                </div>
                <div class="col-sm-9">
                    <div class="d-flex align-items-center">
                        <h5 class="mb-0 mr-auto">{{ insight.title }}</h5>
                        <a href="javascript:;;" (click)="downloadReport(insight)" class="btn btn-transparent primary-dark">Download Report</a>
                    </div>
                    <div class="my-3 text-dark-grey">{{ insight.datePublished | date:'mediumDate' }}</div>
                    <app-read-more class="mt-3" [text]="insight.summary" [charLimit]="300"></app-read-more>
                </div>
            </div>
        </div>
    </div>
</div>